﻿<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Smartshop - eCommerce Bootstrap 5 HTML5 Template.</title>

    <link rel="icon" type="image/png" href="assets/img/favicon.png">

    <link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;display=swap"
          rel="stylesheet">


    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">

    <link rel="stylesheet" href="assets/css/fontawesome.min.css">

    <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">

    <link rel="stylesheet" href="assets/css/jquery-ui.css">

    <link rel="stylesheet" href="assets/css/themify-icons.css">

    <link rel="stylesheet" href="assets/css/flaticon.css">

    <link rel="stylesheet" href="assets/css/niceselect.css">

    <link rel="stylesheet" href="assets/css/animate.css">

    <link rel="stylesheet" href="assets/css/flex-slider.min.css">

    <link rel="stylesheet" href="assets/css/owl-carousel.css">

    <link rel="stylesheet" href="assets/css/slicknav.min.css">

    <link rel="stylesheet" href="assets/css/default.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>

<div class="preloader">
    <div class="preloader-inner">
        <div class="preloader-icon">
            <span></span>
            <span></span>
        </div>
    </div>
</div>


<header class="header shop">

    <div class="topbar">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-12">

                    <div class="top-left">
                        <ul class="list-main">
                            <li><i class="ti-headphone-alt"></i> +070 (460) 532-654</li>
                            <li><i class="ti-email"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__"
                                                            data-cfemail="a1d2d4d1d1ced3d5e1c4d9c0ccd1cdc48fc2cecc">[email&#160;protected]</a>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="col-lg-6 col-md-12 col-12">

                    <div class="right-content">
                        <ul class="list-main">
                            <li><i class="ti-alarm-clock"></i> <a href="#">Daily deal</a></li>
                            <li><i class="ti-user"></i> <a href="#">My account</a></li>
                            <li><i class="ti-power-off"></i><a href="login.html">Login</a></li>
                            <li>
                                <div class="dropdown top-dropdown">
                                    <a href="#" id="lang" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ti-world"></i> EN <i class="fal fa-angle-down"></i>
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="lang">
                                        <a class="dropdown-item" href="#"><i class="ti-world"></i> EN</a>
                                        <a class="dropdown-item" href="#"><i class="ti-world"></i> RU</a>
                                        <a class="dropdown-item" href="#"><i class="ti-world"></i> GE</a>
                                        <a class="dropdown-item" href="#"><i class="ti-world"></i> HK</a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="dropdown top-dropdown">
                                    <a href="#" id="payment" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="fal fa-dollar-sign"></i> USD <i class="fal fa-angle-down"></i>
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="payment">
                                        <a class="dropdown-item" href="#"><i class="fal fa-dollar-sign"></i> USD</a>
                                        <a class="dropdown-item" href="#"><i class="fal fa-euro-sign"></i> EUR</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="middle-inner">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-12">

                    <div class="logo">
                        <a href="index.html"><img src="assets/img/logo.png" alt="logo"></a>
                    </div>


                    <div class="search-top">
                        <div class="top-search"><a href="#0"><i class="far fa-search"></i></a></div>

                        <div class="search-top">
                            <form class="search-form">
                                <input type="text" placeholder="Search here..." name="search">
                                <button value="search" type="submit"><i class="far fa-search"></i></button>
                            </form>
                        </div>

                    </div>

                    <div class="mobile-nav"></div>
                </div>
                <div class="col-lg-7 col-md-6 col-12">
                    <div class="search-bar-top">
                        <div class="search-bar">
                            <select>
                                <option selected="selected">All Category</option>
                                <option>Fashion</option>
                                <option>Electronics</option>
                                <option>Bikes</option>
                                <option>Laptop</option>
                                <option>Camera</option>
                                <option>Health & Beauty</option>
                            </select>
                            <form>
                                <input name="search" placeholder="Search Products Here....." type="search">
                                <button class="btnn"><i class="far fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-12">
                    <div class="right-bar">

                        <div class="sinlge-bar">
                            <a href="#" class="single-icon"><i class="fal fa-heart" aria-hidden="true"></i></a>
                        </div>
                        <div class="sinlge-bar">
                            <a href="#" class="single-icon"><i class="fal fa-user-circle" aria-hidden="true"></i></a>
                        </div>
                        <div class="sinlge-bar shopping">
                            <a href="#" class="single-icon"><i class="fal fa-shopping-cart"></i> <span
                                    class="total-count">2</span></a>

                            <div class="shopping-item">
                                <div class="dropdown-cart-header">
                                    <span>2 Items</span>
                                    <a href="#">View Cart</a>
                                </div>
                                <ul class="shopping-list">
                                    <li>
                                        <a href="#" class="remove" title="Remove this item"><i
                                                class="fal fa-times-circle"></i></a>
                                        <a class="cart-img" href="#"><img src="assets/img/products/p22.png" alt="#"></a>
                                        <h4><a href="#">Xamaha R15 Blue</a></h4>
                                        <p class="quantity">1x - <span class="amount">$200.00</span></p>
                                    </li>
                                    <li>
                                        <a href="#" class="remove" title="Remove this item"><i
                                                class="fal fa-times-circle"></i></a>
                                        <a class="cart-img" href="#"><img src="assets/img/products/p3.png" alt="#"></a>
                                        <h4><a href="#">Apple Earphones</a></h4>
                                        <p class="quantity">1x - <span class="amount">$150.00</span></p>
                                    </li>
                                </ul>
                                <div class="bottom">
                                    <div class="total">
                                        <span>Total</span>
                                        <span class="total-amount">$350.00</span>
                                    </div>
                                    <a href="checkout.html" class="btn animate">Checkout</a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-inner  shadow">
        <div class="container">
            <div class="cat-nav-head">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="all-category">
                            <div class="d-flex">
                                <i class="flaticon-menu cat-heading-icon"></i>
                                <h3 class="cat-heading">CATEGORIES</h3>
                            </div>
                            <ul class="main-category hover-category">
                                <li><a href="#"> <i class="flaticon-shopping-bag category-icon"></i> New Arrivals <i
                                        class="fal fa-angle-right" aria-hidden="true"></i></a>
                                    <ul class="sub-category">
                                        <li><a href="#"><i class="flaticon-dress category-icon"></i> Fashion</a></li>
                                        <li><a href="#"><i class="flaticon-bags category-icon"></i> Accessories</a></li>
                                        <li><a href="#"><i class="flaticon-laptop category-icon"></i> Electronics</a>
                                        </li>
                                        <li><a href="#"><i class="flaticon-toys category-icon"></i> Baby Toys</a></li>
                                        <li><a href="#"><i class="flaticon-home category-icon"></i> Home & Garden</a>
                                        </li>
                                        <li><a href="#"><i class="flaticon-gift-box category-icon"></i> Gifts</a></li>
                                        <li><a href="#"><i class="flaticon-beauty category-icon"></i> Health &
                                            Beauty</a></li>
                                        <li><a href="#"><i class="flaticon-music-notes category-icon"></i> Music</a>
                                        </li>
                                        <li><a href="#"><i class="flaticon-groceries category-icon"></i> Groceries </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="main-mega"><a href="#"><i class="flaticon-dress category-icon"></i> Fashion
                                    <i class="fal fa-angle-right" aria-hidden="true"></i></a>
                                    <ul class="mega-menu">
                                        <li class="single-menu">
                                            <a href="#" class="title-link">Shop Kid's</a>
                                            <div class="image">
                                                <img src="assets/img/mega-menu/3.jpg" alt="#">
                                            </div>
                                            <div class="inner-link">
                                                <a href="#">Kids Toys</a>
                                                <a href="#">Kids Color Shape</a>
                                                <a href="#">Kids Travel Car</a>
                                                <a href="#">Kids Tent</a>
                                            </div>
                                        </li>
                                        <li class="single-menu">
                                            <a href="#" class="title-link">Shop Men's</a>
                                            <div class="image">
                                                <img src="assets/img/mega-menu/1.jpg" alt="#">
                                            </div>
                                            <div class="inner-link">
                                                <a href="#">Watch</a>
                                                <a href="#">Hoodies</a>
                                                <a href="#">T-shirt</a>
                                                <a href="#">Formal Pant</a>
                                            </div>
                                        </li>
                                        <li class="single-menu">
                                            <a href="#" class="title-link">Shop Women's</a>
                                            <div class="image">
                                                <img src="assets/img/mega-menu/2.jpg" alt="#">
                                            </div>
                                            <div class="inner-link">
                                                <a href="#">Ladies Shirt</a>
                                                <a href="#">Ladies Sun Glass</a>
                                                <a href="#">Ladies Frog</a>
                                                <a href="#">Ladies Watch</a>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="flaticon-bags category-icon"></i> Accessories</a></li>
                                <li class="main-mega"><a href="#"><i class="flaticon-laptop category-icon"></i>
                                    Electronics <i class="fal fa-angle-right" aria-hidden="true"></i></a>
                                    <ul class="mega-menu">
                                        <li class="single-menu">
                                            <h6 class="text-dark">Man Cloths</h6>
                                            <div class="inner-link">
                                                <a href="#">Kids Toys</a>
                                                <a href="#">Kids Color Shape</a>
                                                <a href="#">Kids Travel Car</a>
                                                <a href="#">Kids Tent</a>
                                            </div>
                                        </li>
                                        <li class="single-menu">
                                            <h6 class="text-dark">Shoes</h6>
                                            <div class="inner-link">
                                                <a href="#">Watch</a>
                                                <a href="#">Hoodies</a>
                                                <a href="#">T-shirt</a>
                                                <a href="#">Formal Pant</a>
                                            </div>
                                        </li>
                                        <li class="single-menu">
                                            <h6 class="text-dark">Bags</h6>
                                            <div class="inner-link">
                                                <a href="#">Ladies Shirt</a>
                                                <a href="#">Ladies Sun Glass</a>
                                                <a href="#">Ladies Frog</a>
                                                <a href="#">Ladies Watch</a>
                                            </div>
                                        </li>
                                        <li class="single-menu mt-4">
                                            <h6 class="text-dark">Women Cloths</h6>
                                            <div class="inner-link">
                                                <a href="#">Ladies Shirt</a>
                                                <a href="#">Ladies Sun Glass</a>
                                                <a href="#">Ladies Frog</a>
                                                <a href="#">Ladies Watch</a>
                                            </div>
                                        </li>
                                        <li class="single-menu mt-4">
                                            <h6 class="text-dark">Shoes</h6>
                                            <div class="inner-link">
                                                <a href="#">Ladies Shirt</a>
                                                <a href="#">Ladies Sun Glass</a>
                                                <a href="#">Ladies Frog</a>
                                                <a href="#">Ladies Watch</a>
                                            </div>
                                        </li>
                                        <li class="single-menu mt-4">
                                            <h6 class="text-dark">Bags</h6>
                                            <div class="inner-link">
                                                <a href="#">Ladies Shirt</a>
                                                <a href="#">Ladies Sun Glass</a>
                                                <a href="#">Ladies Frog</a>
                                                <a href="#">Ladies Watch</a>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#"><i class="flaticon-toys category-icon"></i> Baby Toys</a></li>
                                <li><a href="#"><i class="flaticon-home category-icon"></i> Home & Garden</a></li>
                                <li><a href="#"><i class="flaticon-gift-box category-icon"></i> Gifts</a></li>
                                <li><a href="#"><i class="flaticon-beauty category-icon"></i> Health & Beauty</a></li>
                                <li><a href="#"><i class="flaticon-music-notes category-icon"></i> Music</a></li>
                                <li><a href="#"><i class="flaticon-groceries category-icon"></i> Groceries </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-9 col-12">
                        <div class="menu-area">

                            <nav class="navbar navbar-expand-lg">
                                <div class="navbar-collapse">
                                    <div class="nav-inner">
                                        <ul class="nav main-menu menu navbar-nav">
                                            <li class="active"><a href="#">Home<i class="ti-angle-down"></i></a>
                                                <ul class="dropdown">
                                                    <li><a href="index.html">Home Demo One</a></li>
                                                    <li><a href="index2.html">Home Demo Two</a></li>
                                                    <li><a href="index3.html">Home Demo Three</a></li>
                                                    <li><a href="index4.html">Home Demo Four</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">User Account<i class="ti-angle-down"></i></a>
                                                <ul class="dropdown">
                                                    <li><a href="order-list.html">Order List</a></li>
                                                    <li><a href="order-detail.html">Order Details</a></li>
                                                    <li><a href="add-address.html">Add Address</a></li>
                                                    <li><a href="address-list.html">Address List</a></li>
                                                    <li><a href="profile.html">Profile</a></li>
                                                    <li><a href="edit-profile.html">Edit Profile</a></li>
                                                    <li><a href="support-ticket.html">Support Tickets</a></li>
                                                    <li><a href="ticket-detail.html">Ticket Details</a></li>
                                                    <li><a href="wishlist.html">Wishlist</a></li>
                                                    <li><a href="track-order.html">Track Order</a></li>
                                                    <li><a href="payment-method.html">Payment Methods</a></li>
                                                    <li><a href="add-payment.html">Add Payment</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Vendor<i class="ti-angle-down"></i></a>
                                                <ul class="dropdown">
                                                    <li><a href="dashboard.html">Dashboard</a></li>
                                                    <li><a href="product.html">Products</a></li>
                                                    <li><a href="add-product.html">Add Product</a></li>
                                                    <li><a href="all-order.html">All Orders</a></li>
                                                    <li><a href="order-detail.html">Order Details</a></li>
                                                    <li><a href="all-vendor.html">All Vendors</a></li>
                                                    <li><a href="vendor-store.html">Vendor Store</a></li>
                                                    <li><a href="vendor-profile.html">Vendor Profile</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Shop<i class="ti-angle-down"></i><span
                                                    class="new">New</span></a>
                                                <ul class="dropdown">
                                                    <li><a href="shop-grid.html">Shop Grid</a></li>
                                                    <li><a href="shop-list.html">Shop List</a></li>
                                                    <li><a href="shop-single.html">Shop Single</a></li>
                                                    <li><a href="shop-search.html">Shop Search</a></li>
                                                    <li><a href="cart.html">Cart</a></li>
                                                    <li><a href="checkout.html">Checkout</a></li>
                                                    <li><a href="compare.html">Shop Compare</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Pages<i class="ti-angle-down"></i></a>
                                                <ul class="dropdown">
                                                    <li><a href="about-us.html">About Us</a></li>
                                                    <li><a href="team.html">Team</a></li>
                                                    <li><a href="login.html">Login</a></li>
                                                    <li><a href="register.html">Register</a></li>
                                                    <li><a href="forgot-password.html">Forgot Password</a></li>
                                                    <li><a href="faq.html">Faq</a></li>
                                                    <li><a href="term-condition.html">Terms & Conditions</a></li>
                                                    <li><a href="privacy-policy.html">Privacy Policy</a></li>
                                                    <li><a href="return-policy.html">Return Policy</a></li>
                                                    <li><a href="mail-success.html">Mail Success</a></li>
                                                    <li><a href="404.html">404</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Blog<i class="ti-angle-down"></i></a>
                                                <ul class="dropdown">
                                                    <li><a href="blog-grid.html">Blog Grid</a></li>
                                                    <li><a href="blog-grid-sidebar.html">Blog Grid Sidebar</a></li>
                                                    <li><a href="blog-single.html">Blog Single</a></li>
                                                    <li><a href="blog-single-sidebar.html">Blog Single Sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="contact.html">Contact Us</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </nav>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>


<div class="breadcrumbs">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="bread-inner">
                    <ul class="bread-list">
                        <li><a href="index.html">Home<i class="ti-arrow-right"></i></a></li>
                        <li class="active"><a href="#">My Profile</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<section class="shop section">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 mb-4">
                <div class="account-sidebar">
                    <h6 class="sidebar-title">DASHBOARD</h6>
                    <div class="sidebar-list">
                        <a href="order-list.html" class="active"><i class="far fa-shopping-bag"></i> Orders
                            <span>10</span></a>
                        <a href="wishlist.html"><i class="far fa-heart"></i> Wishlist <span>20</span></a>
                        <a href="support-ticket.html"><i class="far fa-headset"></i> Support Tickets <span>2</span></a>
                    </div>
                    <h6 class="sidebar-title mt-4">PROFILE SETTINGS</h6>
                    <div class="sidebar-list">
                        <a href="profile.html"><i class="far fa-user"></i> Profile Info</a>
                        <a href="address-list.html"><i class="far fa-map-marker-alt"></i> Addresses <span>20</span></a>
                        <a href="payment-method.html"><i class="far fa-credit-card"></i> Payment Methods <span>2</span></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-9">
                <div class="account-content bg-white pt-0">
                    <h4 class="account-content-title"><i class="far fa-user"></i> My Profile</h4>
                    <div class="profile-info">
                        <div class="row">
                            <div class="col-lg-5 mb-4">
                                <div class="profile-sidebar">
                                    <img src="assets/img/products/review.jpg" alt="">
                                    <div class="profile-title">
                                        <div>
                                            <h6>James Jackson</h6>
                                            <p>Balance : <span> $500 </span></p>
                                        </div>
                                        <div class="profile-status">
                                            PREMIUM USER
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="row">
                                    <div class="col-lg-4 mb-4">
                                        <div class="profile-widget">
                                            <b>40</b>
                                            <p>All Orders Completed</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 mb-4">
                                        <div class="profile-widget">
                                            <b>10</b>
                                            <p>All Pending Orders</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 mb-4">
                                        <div class="profile-widget">
                                            <b>20</b>
                                            <p>Awaiting Delivery</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="profile-details">
                        <div class="row">
                            <div class="col-lg-2">
                                <p>First Name</p>
                                <h6>Nelson </h6>
                            </div>
                            <div class="col-lg-2">
                                <p>Last Name</p>
                                <h6>Kelsey</h6>
                            </div>
                            <div class="col-lg-3">
                                <p>Email</p>
                                <h6><a href="/cdn-cgi/l/email-protection" class="__cf_email__"
                                       data-cfemail="a6cbc3e6c2c9cbc7cfc888c5c9cb">[email&#160;protected]</a></h6>
                            </div>
                            <div class="col-lg-3">
                                <p>Pohne</p>
                                <h6>+1 123 456 6547</h6>
                            </div>
                            <div class="col-lg-2">
                                <p>Join Date</p>
                                <h6>May 21, 2021</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 mt-5">
                        <a href="edit-profile.html" class="profile-btn">Edit Profile</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="shop-newsletter py-5">
    <div class="container">
        <div class="inner-top">
            <div class="row">
                <div class="col-lg-8 offset-lg-2 col-12">

                    <div class="inner">
                        <h4>Newsletter</h4>
                        <p> Subscribe to our newsletter and get <span>30%</span> off your first purchase</p>
                        <form action="#" method="get" class="newsletter-inner">
                            <input name="email" placeholder="Your email address" required="" type="email">
                            <button class="btn">Subscribe <i class="fal fa-paper-plane"></i></button>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>


<footer class="footer">

    <div class="footer-top section">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-6 col-12">

                    <div class="single-footer about">
                        <div class="logo">
                            <a href="index.html"><img width="250" src="assets/img/logo-white.png" alt="#"></a>
                        </div>
                        <p class="text">We are many variations of passages available but the majority have suffered
                            alteration in some form by the andomised words which injected humour.</p>
                        <p class="call">Have Any Question? Call Us 24/7<span><a href="tel:(+1)1234565555">(+1) 123 456 5555</a></span>
                        </p>
                        <div class="footer-download">
                            <a href="#">
                                <img src="assets/img/download/play-store.PNG" alt="">
                            </a>
                            <a href="#">
                                <img src="assets/img/download/app-store.PNG" alt="">
                            </a>
                        </div>
                    </div>

                </div>
                <div class="col-lg-2 col-md-6 col-12">

                    <div class="single-footer links">
                        <h4>Information</h4>
                        <ul>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Contact Us</a></li>
                            <li><a href="#">Terms & Conditions</a></li>
                            <li><a href="#">Faq</a></li>
                            <li><a href="#">Careers</a></li>
                            <li><a href="#">Our Stores</a></li>
                            <li><a href="#">Our Cares</a></li>
                            <li><a href="#">Help</a></li>
                        </ul>
                    </div>

                </div>
                <div class="col-lg-2 col-md-6 col-12">

                    <div class="single-footer links">
                        <h4>Customer Service</h4>
                        <ul>
                            <li><a href="#">Payment Methods</a></li>
                            <li><a href="#">Money-back</a></li>
                            <li><a href="#">Returns</a></li>
                            <li><a href="#">Shipping</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Support Center</a></li>
                            <li><a href="#">How to Buy</a></li>
                            <li><a href="#">Track Your Order</a></li>
                        </ul>
                    </div>

                </div>
                <div class="col-lg-3 col-md-6 col-12">

                    <div class="single-footer social">
                        <h4>Get In Tuch</h4>

                        <div class="contact">
                            <ul>
                                <li><i class="fal fa-map-marker-alt"></i> 1503 Kovar Road, New York, USA</li>
                                <li><i class="fal fa-envelope"></i> <a href="/cdn-cgi/l/email-protection"
                                                                       class="__cf_email__"
                                                                       data-cfemail="196a78757c6a597c61787469757c377a7674">[email&#160;protected]</a>
                                </li>
                                <li><i class="fal fa-phone"></i> (+1) 123 456 5657</li>
                            </ul>
                        </div>

                        <ul>
                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fab fa-whatsapp"></i></a></li>
                            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="copyright">
        <div class="container">
            <div class="inner">
                <div class="row">
                    <div class="col-lg-6 col-12">
                        <div class="left">
                            <p>Copyright © 2021 By <a href="http://www.bootstrapmb.com/">bootstrapmb</a> - All Rights
                                Reserved.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="right payment">
                            <i class="fab fa-cc-mastercard"></i>
                            <i class="fab fa-cc-visa"></i>
                            <i class="fab fa-cc-paypal"></i>
                            <i class="fab fa-cc-amex"></i>
                            <i class="fab fa-cc-discover"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>


<div class="modal" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
     aria-labelledby="staticBackdrop" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                        <img src="assets/img/products/p1.png" alt="#">
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                        <div class="quickview-content">
                            <h2>Xbeats Bluetooth Earphones</h2>
                            <div class="d-flex mb-3">
                                <span>Brand:</span>
                                <b>Xbeats</b>
                            </div>
                            <div class="d-flex mb-3">
                                <span>Category:</span>
                                <b>Headphones</b>
                            </div>
                            <div class="d-flex mb-3">
                                <span>Tated:</span>
                                <div class="quickview-ratting-review">
                                    <div class="quickview-ratting-wrap">
                                        <div class="quickview-ratting">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fal fa-star"></i>
                                            <a href="#"> (50)</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <h3>$29.00</h3>
                            <div class="quickview-stock">
                                <span><i class="fa fa-check-circle-o"></i> Stock Available</span>
                            </div>
                            <div class="add-to-cart">
                                <a href="#" class="btn">Add to cart</a>
                            </div>
                            <div class="default-social">
                                <h4 class="share-now">Share:</h4>
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="assets/js/jquery-3.6.0.min.js"></script>

<script src="assets/js/jquery-ui.min.js"></script>

<script src="assets/js/bootstrap.bundle.min.js"></script>

<script src="assets/js/slicknav.min.js"></script>

<script src="assets/js/owl-carousel.js"></script>

<script src="assets/js/magnific-popup.js"></script>

<script src="assets/js/facnybox.min.js"></script>

<script src="assets/js/waypoints.min.js"></script>

<script src="assets/js/finalcountdown.min.js"></script>

<script src="assets/js/nicesellect.js"></script>

<script src="assets/js/ytplayer.min.js"></script>

<script src="assets/js/flex-slider.js"></script>

<script src="assets/js/scrollup.js"></script>

<script src="assets/js/onepage-nav.min.js"></script>

<script src="assets/js/easing.js"></script>

<script src="assets/js/main.js"></script>
</body>
</html>